<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
    <div id="app">
        <p v-text="str1"></p>
        <p v-html="str1"></p>
        <p><span v-pre>{{num}}</span> 的值为：{{num}}</p>

        <!-- 当网络没有加载进来之前，数据全部都是{{}}这种 -->
        给他隐藏掉
        <p v-cloak>{{num}}</p>
      
    </div>
    <script>
      setTimeout(()=>{
        new Vue({
            el:"#app",
            data:{
                num:20,
                str1:'<p>你好世界</p>' 
            }
        })
      },1000)
    </script>
</body>
</html>